import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';  // 这里引入 ViewChild

@Component({
  selector: 'app-side-bar',
  templateUrl: './side-bar.component.html',
  styleUrls: ['./side-bar.component.less']
})
export class SideBarComponent implements OnInit {

  // 获取dom节点  static必须加
  @ViewChild('myBox1',{static:true}) myBox:ElementRef;
  // 获取一个组件
  @ViewChild('header',{static:false}) header:any;

  constructor() { }

  ngOnInit() {
  }
  // 视图加载完成以后触发的方法  dom加载完成
  ngAfterViewInit(){
    let box1:any = document.getElementById('box1');
    box1.style.color = 'red';
    console.log(this.myBox.nativeElement);
    this.myBox.nativeElement.style.color = 'blue';
    this.myBox.nativeElement.innerHTML = '我被修改了';


    // 调用子组件的方法
    this.header.run();

  }


}
